<template>
  <div>
    <div v-if="dataLists != null">
      <RecommendAssembly
        :dataLists="dataLists"
        @change-manhuua="changeManhuua"
        :chlidTitile="chlidTitile"
      ></RecommendAssembly>
    </div>
    <div class="tishi" v-if="dataLists == null ||dataLists.length == 0">
      {{ title }}
    </div>
  </div>
</template>


<script>
import RecommendAssembly from "@/components/RecommendAssembly.vue";
export default {
  components: {
    RecommendAssembly: RecommendAssembly,
  },
  props: {
    dataLists: {
      type: Array,
      
    },
  },
  data() {
    return {
      datas: null,
      chlidTitile: "搜索结果",
      title:"请输入相关搜索"
    };
  },
  methods: {
    changeManhuua(id) {
      this.$emit("change-manhuua", id);
    },
  },
  created() {
   
    console.log(this.dataLists);
    this.$emit("is-recommend", false);
  },
};
</script>

<style lang="less" scoped>
.tishi {
  font-size: 18rem;
  color: @color4;
  text-align: left;
  margin-left: 25rem;
  margin-top: 10rem;
  min-height: 500rem;
}
</style>